<script setup lang="ts">
import {userStorei} from "@/stores/user_store";

const store = userStorei()
</script>

<template>
  <div class="f_banner">
    <div class="title">{{ store.siteInfo.site.slogan }}</div>
    <div class="slogan">{{ store.siteInfo.site.abstract }}</div>
  </div>
</template>

<style lang="less">
.f_banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0 10px 0;

  .title {
    font-size: 48px;
    color: rgb(var(--arcoblue-6));
    font-family: "旁门正道标题体";
  }

  .slogan {
    font-size: 16px;
    color: var(--color-text-2);
    margin-top: 10px;
  }
}
</style>